<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />
    <meta name="author" lang="en" content="All: ... [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="Webdesign: Nuvio [www.nuvio.cz]; e-mail: ahoj@nuvio.cz" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/questionaire.css" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <title>UBCDating - Questionaires</title>
</head>

<body>

<div id="main">

    <!-- Header -->
    <div id="header" class="box">

        <p id="logo"><a href="index.html" title="Your Company [Go to homepage]"><img src="design/logo.gif" alt="Logo" /></a></p>

        <hr class="noscreen" />

        <!-- Navigation -->
        <p id="nav">
            <a href="index.html">Home</a> <span>|</span>
            <a href="profile.html">Profile</a> <span>|</span>
            <a href="inbox.html">Inbox</a><span>|</span>
            <a href="chat.html">Chat</a><span>|</span>
            <a href="matches.html">Make Matches</a><span>|</span>
            <a href="testimonial.html">Testimonials</a><span>|</span>
			<a href="notifications.html">Notifications</a> <img src="./images/notification.png" width=12>
        </p>

    </div> <!-- /header -->

    <hr class="noscreen" />

    <h1 id="title">Questionaire</h1>


    <!-- Three columns -->
    <div class="content box">
    
        <div class="content-in box">

         <h2>About you</h2>
<table>
<tr>   
<td class=formquestion> Upload a picture: </td>
<td><button type="button"> Browse </button> </td>
</tr>
<tr>   
<td class=formquestion> What is your email address: </td>
<td> <input name="height" class="input" value="" size=20 maxlength=100></td>
</tr>
<tr>   
<td class=formquestion> What is your home address: </td>
<td> <input name="height" class="input" value="" size=20 maxlength=100></td>
</tr>
 <tr>   
<td class=formquestion> What is your height (in cm)? </td>
<td><input name="height" class="input" value="" size=20 maxlength=100></td>
</tr>
<tr>  
<td class=formquestion> What is your weight (in lbs)? </td>
<td><input name="weight" class="input" value="" size=20 maxlength=100></td>
</tr>
<tr>  
<td class=formquestion> What is your favourite colour? </td>
<td><input name="books" class="input" value="" size=20 maxlength=100></td>
</tr>
<tr>  
<td class=formquestion> What is your ethnicity? </td>
<td>
<form action ="">
<select name="ethnecity">
                <option value="Asian">Asian</option>
                <option value="African">African</option>
                <option value="European">European</option>
                <option value="Rather not say">Rather not say</option>
                </select>
</form>
</td>
</tr>
<tr>  
<td class=formquestion> What is your hair colour? </td>
<td>
<form action ="">
<select name="hairColour">
                <option value="Black">Black</option>
                <option value="Brown">Brown</option>
                <option value="Blonde">Blonde</option>
                <option value="Brunette">Brunette</option>
                <option value="Grey">Grey</option>
                <option value="Red">Red</option>
                <option value="Others">Others</option>
                </select>
                
</form>
</td>
</tr>
<tr>  
<td class=formquestion> What is your eye colour? </td>
<td>
<form action ="">
<select name="eyeColour">
                <option value="Black">Black</option>
                <option value="Blue">Blue</option>
                <option value="Green">Green</option>
                <option value="Grey">Grey</option>
                <option value="Others">Others</option>
                </select>
</form></td>
</tr>
<tr>  
<td class=formquestion> What are you favourite activities?</td>
<td>
<form action="">
<input type="checkbox" name="activity" value="basketball" /> Basketball
<input type="checkbox" name="activity" value="baseball" /> Baseball
<input type="checkbox" name="activity" value="hockey" /> hockey <br />
<input type="checkbox" name="activity" value="swimming" /> Swimming
<input type="checkbox" name="activity" value="basketball" /> Dancing
<input type="checkbox" name="activity" value="volleyball" /> Volleyball <br />
<input type="checkbox" name="activity" value="movies" /> Movies
 <input type="checkbox" name="activity" value="listening to music" /> Listening to music
<input type="checkbox" name="activity" value="playing music" /> Playing music 
</form>
</td>
</tr>
<tr>
<td class=formquestion> More About me:</td>
<td>

<textarea rows="10" cols="40"></textarea>
</td>
</tr>
</table>


<br/>	
<br />

<div class="likert">
<table cellspacing="0" >
<caption id="title325">
Personal Rating Questions
</caption>
<thead>
<tr>
<th>&nbsp; </th>
<td >Strongly Disagree</td>
<td >Disagree</td>
<td >Neutral</td>
<td >Agree</td>
<td >Strongly Agree</td>
</tr>
</thead>
<tbody>
<tr class="statement325">
<th><label for="Field325">I am an outgoing person...</label></th>
<td title="Very Unsatisfied">
<input id="Field325_1" name="Field325" type="radio" tabindex="3" value="Very Unsatisfied" />
<label for="Field325_1">1</label>
</td>
<td title="Unsatisfied">
<input id="Field325_2" name="Field325" type="radio" tabindex="4" value="Unsatisfied" />
<label for="Field325_2">2</label>
</td>
<td title="Neutral">
<input id="Field325_3" name="Field325" type="radio" tabindex="5" value="Neutral" />
<label for="Field325_3">3</label>
</td>
<td title="Satisfied">
<input id="Field325_4" name="Field325" type="radio" tabindex="6" value="Satisfied" />
<label for="Field325_4">4</label>
</td>
<td title="Very Satisfied">
<input id="Field325_5" name="Field325" type="radio" tabindex="7" value="Very Satisfied" />
<label for="Field325_5">5</label>
</td>
</tr>
<tr class="alt statement326">
<th><label for="Field326">I enjoy outdoor activities...</label></th>
<td title="Very Unsatisfied">
<input id="Field326_1" name="Field326" type="radio" tabindex="8" value="Very Unsatisfied" />
<label for="Field326_1">1</label>
</td>
<td title="Unsatisfied">
<input id="Field326_2" name="Field326" type="radio" tabindex="9" value="Unsatisfied" />
<label for="Field326_2">2</label>
</td>
<td title="Neutral">
<input id="Field326_3" name="Field326" type="radio" tabindex="10" value="Neutral" />
<label for="Field326_3">3</label>
</td>
<td title="Satisfied">
<input id="Field326_4" name="Field326" type="radio" tabindex="11" value="Satisfied" />
<label for="Field326_4">4</label>
</td>
<td title="Very Satisfied">
<input id="Field326_5" name="Field326" type="radio" tabindex="12" value="Very Satisfied" />
<label for="Field326_5">5</label>
</td>
</tr>
<tr class="statement327">
<th><label for="Field327">I enjoy a good book over a movie...</label></th>
<td title="Very Unsatisfied">
<input id="Field327_1" name="Field327" type="radio" tabindex="13" value="Very Unsatisfied" />
<label for="Field327_1">1</label>
</td>
<td title="Unsatisfied">
<input id="Field327_2" name="Field327" type="radio" tabindex="14" value="Unsatisfied" />
<label for="Field327_2">2</label>
</td>
<td title="Neutral">
<input id="Field327_3" name="Field327" type="radio" tabindex="15" value="Neutral" />
<label for="Field327_3">3</label>
</td>
<td title="Satisfied">
<input id="Field327_4" name="Field327" type="radio" tabindex="16" value="Satisfied" />
<label for="Field327_4">4</label>
</td>
<td title="Very Satisfied">
<input id="Field327_5" name="Field327" type="radio" tabindex="17" value="Very Satisfied" />
<label for="Field327_5">5</label>
</td>
</tr>
<tr class="alt statement328">
<th>A strong social life is important to me..</th>
<td title="Very Unsatisfied">
<input id="Field328_1" name="Field328" type="radio" tabindex="18" value="Very Unsatisfied" />
<label for="Field328_1">1</label>
</td>
<td title="Unsatisfied">
<input id="Field328_2" name="Field328" type="radio" tabindex="19" value="Unsatisfied" />
<label for="Field328_2">2</label>
</td>
<td title="Neutral">
<input id="Field328_3" name="Field328" type="radio" tabindex="20" value="Neutral" />
<label for="Field328_3">3</label>
</td>
<td title="Satisfied">
<input id="Field328_4" name="Field328" type="radio" tabindex="21" value="Satisfied" />
<label for="Field328_4">4</label>
</td>
<td title="Very Satisfied">
<input id="Field328_5" name="Field328" type="radio" tabindex="22" value="Very Satisfied" />
<label for="Field328_5">5</label>
</td>
</tr>
</tbody>
</table>
</div>

<h2>What you are looking for:</h2>
<table>
    <tr>
     <tr>   
<td class=formquestion> What sex are you looking for? </td>
<td>
<form action="">
<input type="radio" name="sex" value="male" /> Male 
<input type="radio" name="sex" value="female" /> Female
</form>
</td>
</tr>
<tr>   
<td class=formquestion> What age are you looking for? </td>
<td>
From: <input name="ageFrom" class="input" value="" size=5 maxlength=2>
To: <input name="heightWant" class="input" value="" size=5 maxlength=2></td>
</tr>
 <tr>   
<td class=formquestion> What is their height (in cm)? </td>
<td><input name="heightWant" class="input" value="" size=20 maxlength=100></td>
</tr>
<tr>  
<td class=formquestion> What is their weight (in lbs)? </td>
<td><input name="weightWant" class="input" value="" size=20 maxlength=100></td>

</tr>
<tr>  
<td class=formquestion> What is their ethnecity? </td>
<td>
<form action ="">
<select name="ethnecityWant">
                <option value="Asian">Asian</option>
                <option value="African">African</option>
                <option value="European">European</option>
                <option value="Doesn't matter">Rather not say</option>
                </select>
</form>
</td>
</tr>
<tr>  
<td class=formquestion> What is their hair colour? </td>
<td>
<form action ="">
<select name="hairColourWant">
                <option value="Black">Black</option>
                <option value="Brown">Brown</option>
                <option value="Blonde">Blonde</option>
                <option value="Brunette">Brunette</option>
                <option value="Grey">Grey</option>
                <option value="Red">Red</option>
                <option value="Others">Others</option>
                <option value="Desn't matter">Doesn't matter</option>

                </select>
</form>
</tr>
<tr>  
<td class=formquestion> What is their eye colour? </td>
<td>
<form action ="">
<select name="eyeColourWant">
                <option value="Black">Brown</option>
                <option value="Blue">Blue</option>
                <option value="Green">Green</option>
                <option value="Grey">Grey</option>
                <option value="Others">Others</option>
                <option value="Desn't matter">Doesn't matter</option>
                </select>
</form></td>
</tr>
<tr>  
<td class=formquestion> What activities do they like?</td>
<td>
<form action="">
<input type="checkbox" name="activity" value="basketball" /> Basketball
<input type="checkbox" name="activity" value="baseball" /> Baseball
<input type="checkbox" name="activity" value="hockey" /> hockey <br />
<input type="checkbox" name="activity" value="swimming" /> Swimming
<input type="checkbox" name="activity" value="basketball" /> Dancing
<input type="checkbox" name="activity" value="volleyball" /> Volleyball <br />
<input type="checkbox" name="activity" value="movies" /> Movies
 <input type="checkbox" name="activity" value="listening to music" /> Listening to music
<input type="checkbox" name="activity" value="playing music" /> Playing music 
</form>
</td>
</tr>
</table>

<br />
<form>
<input type="button" value="Submit" class="input-submit" onClick="location.href='profile.html'"/>
</form>


</div> <!-- /content-in -->
        
        <div class="content-bottom"></div>

    </div> <!-- /content -->

    <!-- Footer -->
    <div id="footer" class="box">

        <!-- DON´T REMOVE THIS LINE -->
        <p class="f-right"><a href="settings.html">My Settings</a></p>

        <p class="f-left">&copy;&nbsp;2009 <a href="#">Brandon, Alan, Mike, Roger</a></p>

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>